<template>
  <div style="background-color: #f2f2f2">

    <van-nav-bar title="合理化建议" right-text="筛选"  @click-left="onClickLeft" @click-right="onClickRight" >
      <template #left>
        <van-icon name="wap-home-o" size="25"/>
      </template>
    </van-nav-bar>

    <div style="height: 700px">
      <div class="suggest">
        <strong>喷砂机管</strong><br/>
        <span style="color: #606266;font-size: 10px">2021-07-15 17:55:45</span>
        <span style="color: #42b983;float: right">完成</span>
        <div class="van-hairline--top"></div>
        问题描述: <br/>
        期望解决: <br/>
        解决方案: <br/>
        <div class="van-hairline--top"></div>
        <div>
          <img src="@/assets/logo.png" height="14px" />  生产技术部-周玲
        </div>
      </div>

      <div class="suggest">
        <strong>喷砂机管</strong><br/>
        <span style="color: #606266;font-size: 10px">2021-07-15 17:55:45</span>
        <span style="color: #42b983;float: right">完成</span>
        <div class="van-hairline--top"></div>
        问题描述: <br/>
        期望解决: <br/>
        解决方案: <br/>
        <div class="van-hairline--top"></div>
        <div>
          <img src="@/assets/logo.png" height="14px" />  生产技术部-周玲
        </div>
      </div>

      <div class="suggest">
        <strong>喷砂机管</strong><br/>
        <span style="color: #606266;font-size: 10px">2021-07-15 17:55:45</span>
        <span style="color: #42b983;float: right">完成</span>
        <div class="van-hairline--top"></div>
        问题描述: <br/>
        期望解决: <br/>
        解决方案: <br/>
        <div class="van-hairline--top"></div>
        <div>
          <img src="@/assets/logo.png" height="14px" />  生产技术部-周玲
        </div>
      </div>

    </div>
  </div>
</template>

<script>
import {Toast} from "vant";

export default {
  name: "Index",
  methods: {
    onClickLeft() {
      this.$router.push("/home");
      Toast('返回home');
    },
    onClickRight() {
      Toast('筛选');
    },
  },
}
</script>

<style scoped>
.suggest {
  background-color: white;
  padding: 5px;
  margin: 9px;
  border-radius: 3px;
}

</style>
